import React from "react";
import PropsDemo from "../../components/demo"

// 后台管理的用户路由
export default class User extends React.Component {
  constructor(props) {
    super(props);
  }
  myRef=React.createRef()     // 这个容器只能保存一个
  showData=()=>{
    // alert(this.input2.value)
    console.log(this.myRef.current.value)
  }
  saveRef=(ele)=>{
    this.input2=ele
  }

  render() {
    let obj={
      name:"hello",
      age:18
    }

    let arr=[
      {
        name:"hello",
        age:18
      },
      {
        name:"hello1",
        age:181
      }

    ]
    return (
      <div className="admin-User">
        {/* 回调形式的ref,有问题，会调用两次 */}
          <input ref={ele=>{this.input1=ele}} placeholder="输入名字"></input>
          {/* 推荐写法 */}
          <input ref={this.saveRef} placeholder="输入名字inpu2"></input>
          <input ref={this.myRef} placeholder="输入名字myref"></input>
          <button onClick={this.showData}>显示input输入的信息</button>
          <br />
          <PropsDemo obj={obj} arr={arr} />
      </div>
    );
  }
}
